<template>
    <div class="hello">
        <mu-appbar style="width: 100%" color="primary" z-depth="0">
            <mu-button icon slot="left">
                <mu-icon value="arrow_back"></mu-icon>
            </mu-button>
            <mu-button icon slot="left">
                <mu-icon value="print"></mu-icon>
            </mu-button>
            {{ Title }}
            <mu-menu slot="right">
                <mu-button flat>
                    <mu-icon left value="perm_identity"></mu-icon>
                    {{ Teamname }}
                </mu-button>
                <mu-list slot="content">
                    <mu-list-item button>
                        <mu-list-item-action>
                            <mu-icon value="person_pin_circle"></mu-icon>
                        </mu-list-item-action>
                        <mu-list-item-title>{{ ChinaName }}</mu-list-item-title>
                    </mu-list-item>
                    <mu-list-item button>
                        <mu-list-item-action>
                            <mu-icon value="my_location"></mu-icon>
                        </mu-list-item-action>
                        <mu-list-item-title>定位检查</mu-list-item-title>
                    </mu-list-item>
                    <mu-list-item button>
                        <mu-list-item-action>
                            <mu-icon value="lock_open"></mu-icon>
                        </mu-list-item-action>
                        <mu-list-item-title>退出登录</mu-list-item-title>
                    </mu-list-item>
                </mu-list>
            </mu-menu>
        </mu-appbar>
    </div>
</template>

<script>
export default {
    name: 'MainFramework',
    props: {
        Title: String,
        Teamname: String,
        ChinaName: String,
    },
    data () {
        return {};
    },
};
</script>

<style scoped></style>
